<?php defined('IN_ADMIN') or exit('No permission resources.'); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<?php echo CHARSET;?>" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>后台登录</title>
<style type="text/css">
	div{overflow:hidden; *display:inline-block;}div{*display:block;}
	html,body{
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
		background-color: #1E9FFF;
	}
	ul,li{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.login_box{
		width: 360px;
	    height: 500px;
	    position: absolute;
	    left: 50%;
	    top: 40%;
	    margin-left: -180px;
	    margin-top: -100px;
	    border-radius: 10px;
	    font-size: 18px;
	}
	.login_iptbox{
		background-color: #fff;
	    border: 1px solid #fff;
	    border-radius: 3px;
	    padding: 24px 30px;
	    box-shadow: 0 0 8px #eeeeee;
	}
	label{
		width: 75px;
		display: inline-block;
	}
	li{
		height: 42px;
		line-height: 42px;
		border-bottom: 1px solid #c9c9c9;
		margin-top: 15px; 
	}
	input{
		height: 35px;
		border: none;
		outline: none;
		font-size: 16px;
	}
	.login_tj_btn{
		width: 100%;
	    height: 50px;
	    line-height: 50px;
	    color: #fff;
	    text-align: center;
	    font-size: 16px;
	    background: #2587FF;
	    border-radius: 5px;
	    margin: 30px 0;
	}
	.ipt_reg{
		float: left;
		width: 178px;
	}
	.login_title h1{
		color: #1E9FFF;
	    font-size: 25px;
	    font-weight: bold;
	}
	#area-render {
		position: fixed;
		width: 100%;
		height: 100%;
    }
</style>
<script language="JavaScript">
<!--
	if(top!=self)
	if(self!=top) top.location=self.location;
//-->
</script>
</head>

<body onload="javascript:document.myform.username.focus();" >
	<div id="area-render"></div>
<div id="login_bg" class="login_box">
	<div class="login_iptbox">
   	 <form action="index.php?m=admin&c=index&a=login&dosubmit=1" method="post" name="myform">
   	 	<div class="login_title">
   	 		<h1>登录</h1>
   	 	</div>
   	 	<ul>
   	 		<li>
   	 			<input name="username" type="text" class="ipt" required="required" value="" placeholder="请输入<?php echo L('username')?>" />
   	 		</li>
   	 		<li>
   	 			<input name="password" type="password" class="ipt" required="required" value="" placeholder="请输入<?php echo L('password')?>"/>
   	 		</li>
   	 		<li>
   	 			<input name="code" type="text" class="ipt ipt_reg" required="required" onfocus="document.getElementById('yzm').style.display='block'" placeholder="请输入<?php echo L('security_code')?>"/>
   	 			<div id="yzm" class="yzm">
   	 				<a href="javascript:document.getElementById('code_img').src='<?php echo SITE_PROTOCOL.SITE_URL.WEB_PATH;?>api.php?op=checkcode&m=admin&c=index&a=checkcode&time='+Math.random();void(0);">
   	 					<?php echo form::checkcode('code_img')?>
   	 				</a>
   	 			</div>
   	 		</li>
   	 	</ul>
   	 	<input name="dosubmit" value="登录" type="submit" class="login_tj_btn" />
     </form>
    </div>
</div>
<script type="text/javascript" src="/statics/dist/canvas-nest.umd.js"></script>
<script type="text/javascript">
  var cn = new CanvasNest(document.getElementById('area-render'), {
    color: '255,255,255',
    count: 250,
    opacity: 1,
    pointColor: '255,255,255',
  });
</script>
</body>
</html>